﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
      xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
    <head>
        <title>Roger´s Tenis</title>
        <vtex:metaTags/>
        <!-- CSS -->
        <vtex:template id="css" />
        <!-- JS -->
        <vtex:template id="js" />
    </head>
    <body>
<vtex.cmc:skuReference/>
        <!-- Barra Superior -->
        <vtex:template id="barra-carrinho" />
        <div id="page">
            <!-- ? -->
            <!--<vtex:contentPlaceHolder id="BannerPlatinum" />-->
            <!-- Header -->
            <vtex:template id="Header" />
            <!-- ? -->
            <vtex:contentPlaceHolder id="BannerMainHome" />
            <!-- Content -->
            <div id="content">
            	<div id="flash-cycle">
                    	<vtex:contentPlaceHolder id="home_bannerTopo" />
                    </div>
                    <div id="marcas-list">
                        <a href="#" id="seta-esq" class="prev browse left disabled"> </a>
                        <div id="marcas-up" class="viewport">
                            <ul id="marcas-carr" class="overview">
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=puma.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=adidas.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=nike.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=reebook.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=mizuno.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=nike.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=reebook.jpg" /></a></li>
                                <li><a href="#"><img alt="" title="" src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=mizuno.jpg" /></a></li>
                            </ul>
                        </div>
                        <a href="#" id="seta-dir" class="next browse right"> </a>
                    </div>
                

                <!-- INICIO - Coluna Direita -->
                <style type="text/css">
				#destaque #left {
				width: 560px; float: left;
				}
				#destaque #right{
				width: 272px; float: right; 
				}
				#destaque img {
				margin-botton:15px
				}
				#destaque #left .newsletter input {
    			background: none repeat scroll 0 0 #FFFFFF;
    			border: 1px solid #DFDFDF;
    			color: #6D6D6D;
    			font: 11px Arial;
    			margin: 0 5px 5px 10px;
    			padding: 0 0 0 3px;
    			position: relative;
    			top: 6px;
				}
				#destaque #left .newsletter #newsletterButtonOK {
    			background: url("/Control/ArquivoExibir.aspx?NomeArquivo=cad_news.jpg") no-repeat scroll left top transparent;
    			border: 0 none;
    			font: bold 0 Calibri,Arial;
    			height: 21px;
    			margin: 0 0 15px 10px;
    			width: 71px;
				}
				#destaque .newsletter{
				background: url("/Control/ArquivoExibir.aspx?NomeArquivo=hc_fundomail.jpg") no-repeat scroll left top transparent;
				width:560px;
				height:68px;
				padding:5px 10px;
				}
				#destaque .newsletter p{
					color:#FFF;
					font-family:"Arial Black", Gadget, sans-serif;
				}
				#destaque .produtos .vitrine {
				height:195px;	
				}
				#destaque .produtos ul{
				clear:both;
				margin:0;
				}
				#destaque .produtos ul li {
				float:left;
				list-style:none;
				margin:5px 5px;
				}
				</style>
                    
                <div id="destaque">
                    	<div id="left" style="">
                        	<img src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=hc_running.jpg" />
                            <div class="newsletter">
                            	<fieldset>
                                	<p>Promoções, Descontos Exclusivos e muito mais no seu E-mail:</p>
                                    <input type="text" name="newsClientName" size="20" value="Digite seu nome..." class="newsletter-client-name" onblur="newsLeave(this,'Digite seu nome...');" onfocus="newsSelect(this,'Digite seu nome...');" id="newsletterClientName"/>
                                    <input type="text" name="newsletterClientEmail" size="20" value="Digite seu e-mail..." class="newsletter-client-email" onblur="newsLeave(this,'Digite seu e-mail...');" onfocus="newsSelect(this,'Digite seu e-mail...');" id="newsletterClientEmail"/>
                                    <input type="button" name="newsletterButtonOK" value="ok" class="btn-ok newsletter-button-ok" id="newsletterButtonOK"/>
                                    <input type="hidden" value="Processando..." class="newsletter-loading" id="newsletterLoading"/>
                                    <input type="hidden" value="Obrigado por se cadastrar na Rogers Tênis!" class="newsletter-success" id="newsletterSuccess"/>
                                    <input type="hidden" value="Em breve entraremos em contato com você para oferecer as melhores promoções." class="newsletter-success2" id="newsletterSuccess2"/>
                                    <input type="hidden" value="Encontramos um erro no cadastro de suas informações.&lt;br /&gt;Por favor tente novamente!" class="newsletter-error" id="newsletterError"/>
                                    <input type="hidden" value="_" id="newsInternalPage"/>
                                    <input type="hidden" value="newsletter" id="newsInternalPart"/>
                                    <input type="hidden" value="newsletter:opt-in" id="newsInternalCampaign"/>
                                </fieldset>
                                <span class="rt"></span>
                                <span class="rb"></span>
                                <span class="lb"></span>
                                <span class="lt"></span>
                            </div>
                            <img src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=hc_facebook.jpg" />
                    		
                    	</div>
                        <div id="right"  style="">
                    		<img src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=hc_adventure.jpg" />
                    		<img src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=hc_DC.jpg" />
                            
                            <img src="http://webstore.rogerstenis.vtexlab.com.br/Control/ArquivoExibir.aspx?NomeArquivo=hc_videos.jpg" />
                    	</div>
                    	<div class="produtos">
                            <vtex:contentPlaceHolder id="ColecaoEspeciais" />
                        </div>
						<div class="produtos">
                            <vtex:contentPlaceHolder id="ColecaoOfertas" />
                        </div>
                    </div>
                    
                
            </div>
            <!-- Footer -->
            <vtex:template id="Footer" />
        </div>
<div><vtex.cmc:navigationHistory/></div>
    </body>
</html>